<template>
  <div class="right-calendar">
    <el-calendar v-model="calendarDate" ref="rightCalendar">
      <template #header="{}">
        <span></span>
      </template>
    </el-calendar>
  </div>
</template>
<script setup lang="ts">
import {defineComponent, ref} from "vue";

const calendarDate = ref(new Date())

defineComponent({name: 'RightCalendar'})
</script>

<style scoped lang="scss">
.right-calendar {

  :deep(.el-calendar__header) {
    border-bottom: none;
  }


  :deep(.el-calendar-table td) {
    width: 110px;
    height: 130px;
    margin: 3px 3px 0 0;
    border: none !important;
    text-align: center;
    background: #F3F4F8;
    border-radius: 10px;
  }
}
</style>
